import React, { useEffect } from 'react'
import { Toast, NavBar } from 'react-vant'
import { useNavigate } from 'react-router-dom'
import { Tabs } from 'react-vant'
import { Empty } from 'react-vant';
function index() {
    const navigate = useNavigate()
    const items = ['我的医生', '我的资讯', '我的医院']
    return (
        <div>
            <NavBar
                title='我的收藏'
                onClickLeft={() => navigate(-1)}
                rightText=""
                onClickRight={() => Toast('按钮')}
            />

            <div>
                <Tabs defaultActive={2}>
                    {items.map(item => (
                        <Tabs.TabPane key={item} title={`${item}`}>
                            <Empty
                                className="custom-image"
                                imageSize={90}
                                image={<img src="https://img.yzcdn.cn/vant/custom-empty-image.png" />}
                                description="你就诊或收藏的医生会显示在这里"
                            />
                        </Tabs.TabPane>
                    ))}
                </Tabs>
            </div>
        </div>
    )
}

export default index